@import "variable";
.apply-success{
  background: #fff;
  .top{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    span.title{
      font-size: .35rem;
      padding: .2rem 0 0 0;
      font-weight: bold;
      color: #333;
    }
    p{
      font-size: .3rem;
      padding: .2rem 0 0 0;
      color: #666666;
    }
    .icon{
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      .xffont{
        color: #fff;
        font-size: .8rem;
      }
      &.icon-success{
        background: $primary;
      }
      &.icon-warning{
        .xffont{
          color: #ffb400;
          font-size: 1.8rem;
        }
      }
      &.icon-danger{
        background: #ef4f4f;
        .xffont{
          font-size: 1rem;
        }
      }
    }
  }
  .list{
    .left-tip{
      display: inline-block;
      padding: 0 0 0 .2rem;
      color: #666666;
    }
    .list-content{
      display: inline-block;
      color: #333333;
      font-weight: 300;
      width: 4.5rem;
    }
  }
}
